<!DOCTYPE html>
<html lang="en">
<head>
    <!--
    @Author 硕鼠
    @Date 2020/4/17 9:58
    @Version 1.0
    @Description 文件说明
  -->
    <meta charset="UTF-8">
    <title>列表学习</title>
</head>
<body>
<!--有序列表-->
<ol>
    <li>Java</li>
    <li>后台</li>
    <li>前端</li>
</ol>
<hr/>
<!--无序列表
应用：导航，侧边栏
-->
<ul>
    <li>Java</li>
    <li>后台</li>
    <li>前端</li>
</ul>

<!--自定义列表
<dl>：标签
<dt>：列表标题
<dd>:列表内容
应用范围：网站底部
-->
<hr/>
<dl>
    <dt>科目</dt>
    <dd>数学</dd>
    <dd>语文</dd>
</dl>
</body>
</html>